Top 15 Amazing HTML Text Form Examples

1. Simple Contact Slider

featured image

Simple Contact Slider is a very easy to use plugin for adding classic contact form into any and all pages of your WordPress powered website. Contact form is responsive, hidden behind the tab on the left or right side of the screen, and it sliding into the screen when user clicks on tab. Depending on the screen size, width of form will get smaller, and if needed, vertical scrollbars will appear. Form hvalidation built in for fields that are required, and it can have from 3 to 14 fields displayed.Plugin is ideal for most websites where you need simple way for visitors to get in touch, using effective slider method to hide the contact form. Includes 10 default schemes slider tab and contact form. Change screen location and vertical position slider tab and form. Customize all labels messages displayed in the contact form. Customize HTML and Text email templates sending messages.When visitor fills in and sends contact form, plugin takes data and creates email that is sent to you (to any email you provide plugin settings).Plugin includes total of 14 fields contact form:

Plugin offers 4 methods of protecting form against spam messages:

Banned IP’s: list of IP’s to prevent using contact form

accessing the contact form wordpress in the future. Control form visibility if accessed mobile device

Email message can include page from where the HTML contact form code generator open

New: Correct styling for form elements under iOS

New: Form Messages can now support HTML

More Details

2. Form Builder

Form Builder

Form Builder is an extraordinary form-creating software! Designing web-based forms has never been easier and fun as it is with Form Builder. It features an easy drag-n-drop GUI, no-coding, stylish Flat, Metro, Bootstrap and Solid form themes, pure CSS style form aspects, as-you-type text validation, and anti-spam capture mechanism.

More Details

3. Master Form Builder

featured image

The Master Form Builder is simple tool creating advanced HTML forms with features such as conditional fields, client and server side validation, sending email, uploading files and adding custom validation callbacks. INCLUDING HTML, CSS, JS and PHP!

Custom validation rules validation text

More Details

4. Wordpress Ajax Contact Form with attachments

featured image

Ajax Contact Form with Attachments and spam control (drag and drop, reCaptcha, ayah) for Wordpress

The w2 Ajax Contact Form for Wordpress is a complete solution to create ajax contact form in Wordpress. You can easily create (Full HTML edition) your own forms HTML templates (add remove fields) and your own themes CSS.plugin include features to solve theme conflict (Global Settings section), so if there is a theme conflict and you want buy plugin you can contact the technical support (send the url of the page where the form is displaying) to know the right configuration of Global Settings section to solve theme conflict.Possibility to specify different translatifile for each form (usefull to use several auto-reponder message).New HTML form template with HTML5 attribute placeholder. In automatic mode the form will use the language of your wordpress.Possibility to update the jquery contact form plugin translatitext for “en” and “en_US” language in file “js/w2_contact_form/localization/message_en. This system prevents unwanted form data loss when user un-active the plugin. Example you can apply fade out to form after success submission.Automatic reloading of AYAH after form submission.Possibility to use PHP code in HTML source code editor when you integrate form via PHP hard code (feature only available for PHP hard code integration).Possibility to create mail subject template by including existing form fields value. Make a copy of your HTML forms source code if you need to keep them.New feature to integrate form by form validation HTML hard code (directly in your theme files).7 you need to change HTML class selector class=”shadow” to class=”w2_shadow” for each element of your forms.You can add your own custom file field in your form.Fix bug for fields setting configuration when form have 0 required field.New feature to include several form in the same page.New feature to auto-configure the fields settings section by checking HTML elements of form with jquery.New method to create your own HTML template for mail body message.New selection page feature to display form in different type of page (page, post, portfolio, products).Multi-selection page feature (to display the same form in several pages).You can create your own HTML template files and automatically add them to your lists of template in form editor.You can create your own CSS theme and automatically add them to your lists of Theme in form editor.Email message accepts HTML content (configurable).

More Details

5. Forms and Validation

featured image

The creation of HTML-forms is a time consuming task.create all html form types with one line of code

change the css file to create a new look of the form

Public functions of the “Form and Validation”

Functions to create the form:

addTitle ( string $text )

addHeadline ( string $text )

addParagraph ( string $text )

Functions to validate the form:

showSuccess ( string $headline [, string $text = ’’] )

More Details

6. X Forms - WordPress Form Creator Plugin

featured image

Themes/ColSchemes are applied accordingly to form input HTML elements, error messages, confirmation messages, help text and submit button! So no need style every element, save time by simple using presets (which can also be modified!) Take a minute and to check out live demo to preview the slideshows websites on a dark or light theme.Form elements include:

Single Line Text Field

Multi-Line Text Area

Text Only (Allows only a alphabetical value: A-Z a-z)

Text Paragraph (allows HTML)

That’s right!, all form submission you’ll receive are submitted by humans and not robots! This is done without using Captha which is proved to annoy most users!

There is no loading time once page is open, if you click something you get it instantly…in other words, fancy animated loading icons to frustrate you during your form setup.Well, with 25 themes to choose from it should be hard to not to find something to not fit your theme…But just in case we’ve added a visual editor that allows you change individual form elements change the same element group as a whole using the following settings:

Form entry storage and export

All form entries are stored and can be retrieved from the admin panel.Send professional custom confirmation mails to your clients upon completing a form.Add more then form on a single page example one (or more) in the page content, one (or more) in the footer and one (or more) in the sidebar.Creating template is easy, simply create a form and use the duplicate form function!

More Details

7. Form Generator - WordPress Contact Form Builder

featured image

With The Most Powerful WordPress Form Builder Plugin

Have Complete Control On Your Forms Design Without Coding Any HTML Or CSS

Create Your Perfect Form Style

Unlimited Color Palette : each form element can have its own color properties (background, border, font)

Preview And Edit Your Form Directly In free contact form generator

What You See In The Form Builder Is Exactly What You Will Get In Your WordPress page

Build Your Form In Less Than 60 Seconds: take full control of your forms with our effortless drag and drop form builder

Real Time WordPress Form Builder

Your Form Design Will Match Your WordPress Theme instantly

Create Awesome Buttons with Beautiful Hover Effects: customize background color, the border color and text color when the mouse rolls over the button

Export Your Form Entries Easily into a CSV file or a text file

BulletproForms : each form includes validation procedures that prevent invalid data and prevent malicious code from being sent to you

Form Cloning For Faster EditiEasy Edit : each form you create comes with its own configuration and settings

Duplicate any form in one click save you the trouble of recreating the same form multiple times

Create Any Type Form

Form Generator for WordPress can handle every type form you could possibly need :

WordPress Widget Available: insert your form anywhere in your WordPress theme

Popup Mode Available : open your form in popup

PHP Code Snippets Available : insert your form anywhere in your WordPress template files

All Standard Form Inputs Available :

Single line text input

Multiline text input (textarea)

Text and inline elements :

6 Advanced Form Fields Available

Yes, coding for WordPress is difficult, this is why we wanted this jQuery form builder to be as easy-to-use as possible so that you can focus on your website content instead PHP and CSS coding. No knowledge of HTML, CSS or PHP is necessary to have it all working properly.No CSS Headaches: use our powerful color palettes and font selector to give any style you want in your form

PHP Coding Required : each form is created with its own php validation files,you won’t need code anything to have working properly

High Quality Code Guaranteed : Form Generator delivers clean HTML coded forms fully compliant W3C standards

Gorgeous Form Builder

All Messages Below Are Real Buyer Testimonials About Form Generator For Wordpress

Form Generator is 100% Compatible With:

More Details

8. JQuery CForms Form Generator

featured image

CForms is a JQuery plugin to display and manage html forms, validation ajax communication. All HTML elements have uniqe ids and classes for easy css styling

AJAX form validation

Complete login form php scripts secure (session based) web page example

Additional text formitem for explanations or other html code beside input elements

If you are not familiar with writing html markup for forms and want to have ajax validated forms with an enhanced css styling capability this form generator is best one for you. There are only few options to setup and your form will be generated at request time.Additionally you get a complete login script with a login form in HTML with validation and all necessary php html files.

More Details

9. Sky Forms Pro

featured image

Sky Forms Pro is a set of beautiful form elements with large amount javascript features: validation, masking, modals, ajax submit, datepickers.Highly CustomizedContains large amount of customized elements: text inputs, file inputs, selects, multiple selects, textareas, radios, checkboxes, and buttons.Modern ElementsIncludes progressive form elements: input with autocomplete, toggles and ratings.Ajax PoweredAllows you to easily and unobtrusively upgrade HTML forms to use AJAX instead regular sumbit.Modal FormsYou don’t have enough space for the form? It’s not a problem! Use any form in modal window.6 designed statesEach form element has 6 states: normal, hover, focus, error, success and disabled. Semantic HTML markup and standards compliant CSS.Lifetime SupportTo get support please send me an email through the contact form HTML on my profile page.jQuery Form Plugin by jQuery Foundation

More Details

10. QuickClick - Virtual Keyboard

featured image

HTML

<form action="#testform" method="GET">

<input type="text" value="" name="testfild" class="keyboard"/>

</form>

More Details

11. jQuery Contact Tabs

featured image

A jQuery form generator for creating unlimited slide-out or static contact tabs containing AJAX powered customised forms. Plugin includes 12 different form elements and client-side validation. Add multiple tabs, each with its own custom form or use the built-in default standard contact form. All form HTML styling generated by the plugin.Available Form Elements

Text block

Text fields

Email to & email from text fields

URL field for including URL of page where form was submitted

Create custom forms with 12 different form elements

Submit form via AJAX

Includes validation options for form input

Default contact form very easy to use – just add a single div tag to your web page & initialize the plugin!

Multiple examples including configurable demo and form samples.

More Details

12. ApPHP FormBuilder HTML form builder script

featured image

Easy-to-use HTML form builder script that provides simple and flexible way to create HTML forms and also validate different types of fields, using embedded Data Validator. You can easily add text fields, radio buttons, check boxes, single select boxes, text areas, buttons and many other form elements. Form checks text fields to be correct emails, URLs, float numbers, passwords and many more. Besides you can send form result as a letter to any email. Form is protected against the cross site scripting attacks.Allows to create form with text, radio button, checkbox, single select, textarea, button and submit button HTML fields.Allows to check text field to be password, email, url, ip, ssn, int, float, numeric value, hex.Checks text field and text area for length, having letters, digits, spaces, pointing, optional special characters and more.Checks numbers in text field for minimum and maximum values, precision, format.

More Details

13. textAreaPro

featured image

A jQuery plugin that easily allow you create dynamic textarea input fields that can highlight text of several patterns at once, catch and copy keywords design text are without manually adding CSS rules HTML tags.

More Details

14. Visitor Voice - Effective Website Surveys

featured image

create a quick and easy form which you can then insert into any website, simply by including a small JavaScript snippet. You can chose simple text, long text, (multi-)select, radio, (multi-)checkbox, spinner, slider, captcha and rating star questions. Moreover, the system has a range analysis capabilities: after making a new form public, the system will show you pie charts for single-selection

text-filter will allow you search within open-ended question responses. Visitor Form Management

Select from 14 field types (simple text, select, ratio, checkbox, sliders and much more)

You are able to create an unlimited number form templates which you can reuse (comes with a beautiful pre-defined template so you

the respective site’s HTML template

More Details

15. Platinum3D Content Animator - Standalone Version

featured image

revolution has been arrived, you can now turn your website HTML elements to 3D.Currently supported HTML elements are:

turn HTML elements 3D

you can set background color, font color, font size, any custom HTML, vertical- and horizontal align

usable html elements in data-content attribute, like data-content=”[br]text[br]”

If you have any question or feedback, please feel free to email via my user page contact form.Visual Frontend Text Editor for Wordpress

More Details

16. Pure Uploader

featured image

NET (Web Form & Mvc) Example

Wanna an uploader script? Don’t wanna belong to any JS frameworks like jQuery? Wanna customize it easily, use your own css html design with it? Then you come to the right place.When HTML5 doesn’t supported by browser, script automatically detects that and show an HTML5 doesn’t supported error and a classic uploader form as well. We support various options to customize watermark that appears on your image by Font options, Color, Text, Position, Alpha.

More Details